html,
body,
ul,
li,
dl,
dt,
dd,
p,
figure,
figcaption,
h1,
h2,
h3,
img,
input,
form,
p,
figure {
    margin: 0;
    padding: 0;
}

html,body {
    height: 100%;
}

ul {
    list-style: none;
}

h1 {
    font-weight: normal;
}


body {
    display: flex;
    flex-direction: column;
}

header {
    height: 3.2rem;
    background: #000;
    color: #fff;
    font-size: 0.26rem;

    div {
        height: 0.45rem;
        margin: 0.32rem 0.24rem 0.46rem;
        position: relative;

        .icon-fanhui {
            font-size: 0.38rem;
        }

        .icon-zhuanfa {
            font-size: 0.38rem;
            position: absolute;
            top: 0;
            right: 0;
        }

        .zhu {
            display: block;
            width: 1rem;
            height: 0.44rem;
            background: #fed946;
            color: #000;
            text-align: center;
            line-height: 0.44rem;
            border-radius: 0.05rem;
            position: absolute;
            top: 0;
            right: 0.72rem;
        }
    }

    h1 {
        padding: 0 0.24rem;

    }

    p {
        margin: 0.2rem 0.66rem 0 0.22rem;
    }
}




section {
    flex: 1;
    overflow: auto;
    font-size: 0.28rem;

    .tuiJian {
        height: 0.96rem;

        line-height: 0.96rem;
        border-bottom: 0.01rem solid #d8d8d8;

        span:nth-of-type(1) {
            margin-left: 0.26rem;
        }

        span:nth-of-type(2) {
            margin-left: 0.44rem;
        }
    }

    article{
        display: flex;
        flex-wrap: wrap;
        background: #f4f4f4;
        margin: 0 0.16rem;
        dl{
            width: 3.47rem;
            height: 6.42rem;
            background: #d8d8d8;
            margin-top: 0.1rem;
            margin-left: 0.08rem;
            dt{
                height: 4.8rem;
                img{
                height: 4.8rem;
                width: 100%;
                }
            }
            dd{
                font-size: 0.26rem;
                padding: 0 0.16rem;
                position: relative;
                height: 1.62rem;
                p{
                    line-height: 0.4rem;
                    color: #2B2B2B;
                    margin-top: 0.14rem;
                }
                .box{
                    height:0.35rem;
                    margin-top: 0.2rem;
                    color: #999999; 
                    span:nth-of-type(1){
                        display: block;
                        width: 0.34rem;
                        height: 0.34rem;
                        border-radius: 50%;
                        background: pink;
                        position: absolute;
                        left: 0.2rem;
                        bottom: 0.25rem;
                    }
                    span:nth-of-type(2){
                        margin-left: 0.58rem;
                        font-size: 0.24rem;
                        
                    }
                    .icon-dianzan{
                        font-size: 0.28rem;
                        margin-left: 1.1rem;
                    }
                }
                
            }
        }
    }

    

}



footer{
    height: 1rem;
    font-size: 0.3rem;
    div{
        height: 0.8rem;
        width: 6.7rem;
        background: #fed946;
        margin: 0 auto;
        text-align: center;
        line-height: 0.8rem;
    }
    .icon-05{
        font-size: 0.35rem;
        margin-right: 0.1rem;
    }
}